{extend name="public:layout" /}

{block name="title"}首页{/block}

{block name="head"}
<link rel="stylesheet" href="/public/home/plugins/amazeui/css/index.css">
<style>
    .am-navbar{
        position: fixed;
        left: 0;
        bottom: -11px;
        width: 100%;
        height: 49px;
        line-height: 49px;
        z-index: 1010;
    }
    .am-tabs-default .am-tabs-nav>.am-active a{
        background: #ED7745;
        color: #fff;
        line-height: 25px;
    }
    .am-tabs-default .am-tabs-nav {
        line-height: 40px;
        background-color: #fff;
        margin-top: 20px;
    }
    .am-tabs-default .am-tabs-nav a{line-height:25px; }
    .guding{padding: 0; }
    .g-bd5{}
    .g-sd51,.g-sd52{position:relative;float:left;font-size: 1.4rem;width: 65px;margin:0 -65px 0 0;}
    .g-sd51 p{margin-bottom: 0; line-height: 25px; color: #9A9A9A;}
    .g-mn5c p{margin: 0;}
    .g-sd52 p{margin: 0;}
    .g-sd52{float:right;width:76px;margin:0 0 0 -76px;}
    .g-mn5{float:left;width:100%;}
    .g-mn5c{margin:0 65px 0 65px;}
</style>

{/block}

{block name="body"}
<header data-am-widget="header"
        class="am-header am-header-default" style="background: #fff;box-shadow:0px -13px 26px -2px; ">
    <div class="am-header-left am-header-nav" onclick="history.back(-1)">
        <span class="icon iconfont icon-xiangzuojiantou" style="color: #424242;font-size: 20px;"></span>
    </div>
    <h1 class="am-header-title" style="color:#424242;">
        客户信息
    </h1>
</header>
<body>
<div data-am-widget="tabs"
     class="am-tabs am-tabs-default"
>
    <ul class="am-tabs-nav am-cf">
        <li class="am-active" style="background: #fff;border: 1px solid #eeeeee;margin: 0 10px;height: 25px;"><a href="[data-tab-panel-0]">基础信息</a></li>
        <li class="" style="background: #fff;border: 1px solid #eeeeee;margin: 0 10px;height: 25px;"><a href="[data-tab-panel-1]">客户合同</a></li>
        <li class="" style="background: #fff;border: 1px solid #eeeeee;margin: 0 10px;height: 25px;"><a href="[data-tab-panel-2]">建议</a></li>
    </ul>
    <div class="am-tabs-bd" style="border: none;">
        <div data-tab-panel-0 class="am-tab-panel am-active" style="padding: 0px;">
            <!--基础信息-->
            <div class="am-g">
                <div class="am-u-sm-2" style="margin-top:34px;">
                    <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                </div>
                <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                    <div class="am-g">
                        <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                            <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 20px;">宋小宝</p>
                            <P style="margin: 0px;">2017-10-10</p>
                        </div>
                        <a href="{:url('home/finance/add')}">
                            <div class="am-u-sm-4" style="white-space: nowrap;text-overflow: ellipsis;text-align: center;margin-top: 13px;height: 20px;line-height: 20px;">
                            <span class="icon iconfont icon-yijianfankui" style="color: #424242;font-size: 20px;">
                                <b style="font-weight: 200;font-size: 20px;">编辑</b>
                            </span>
                            </div>
                        </a>
                        <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                            <b style="font-weight: 200;font-size: 18px;color:#ED7745; ">已量尺</b>
                        </div>
                    </div>
                    <P style="margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                </div>
                <div class="am-u-sm-12">
                    性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别&nbsp;&nbsp;&nbsp;男
                </div>
                <div class="am-u-sm-12">
                    销售门店&nbsp;&nbsp;&nbsp;太原市居然之家春天店
                </div>
                <div class="am-u-sm-12">
                    <p style="margin:0px;">区域地址&nbsp;&nbsp;&nbsp;山西省晋中市榆次区<br></p>
                    <p style="margin:0px;margin-left:80px;">顺城街12号名仕家园</p>
                </div>
                <div class="am-u-sm-12">
                    <p style="margin:0px;">小区楼盘&nbsp;&nbsp;&nbsp;碧桂园五号楼2单元1203</p>
                </div>
                <div class="am-u-sm-12">
                    <p style="margin:0px;">房屋户型&nbsp;&nbsp;&nbsp;三室一厅</p>
                </div>
                <div class="am-u-sm-12">
                    <p style="margin:0px;">房屋面积&nbsp;&nbsp;&nbsp;143㎡</p>
                </div>
                <div class="am-u-sm-12">
                    <p style="margin:0px;">装修进度&nbsp;&nbsp;&nbsp;铺地</p>
                </div>
            </div>
        </div>
        <div data-tab-panel-1 class="am-tab-panel"  >
            <!--客户画像-->
            <div class="am-container" style="background: #fff; padding: 0px;">
                <div class="am-g">
                    <div class="am-u-sm-9" style="margin-top: 15px;">
                        <p style="margin: 0px;font-weight: 600;">合同编号</p>
                        <p style="margin: 0px; line-height: 11px;">E0009201325000</p>
                    </div>
                    <div class="am-u-sm-2" style="margin-top: 25px;padding: 0; width: 65px;">
                        <a href="{:url('home/finance/hetong')}">
                            <span class="icon iconfont icon-yijianfankui" style="color: #424242;font-size: 20px;">
                               <b style="font-weight: 200;font-size: 14px;">编辑</b>
                           </span>
                        </a>
                    </div>
                </div>
            </div>
            <div>

                <div class="g-bd5 f-cb">
                    <div class="g-sd51">
                        <p>甲方</p>
                    </div>
                    <div class="g-mn5">
                        <div class="g-mn5c">
                            <p>宋小宝</p>
                        </div>
                    </div>
                </div>
            </div>
            <div style="clear: both"></div>
            <div>
                <div class="g-bd5 f-cb">
                    <div class="g-sd51">
                        <p>乙方</p>
                    </div>
                    <div class="g-mn5">
                        <div class="g-mn5c">
                            <p>太原居然之家春天店</p>
                        </div>
                    </div>
                </div>
            </div>
            <div style="clear: both"></div>
            <div>
                <div class="g-bd5 f-cb">
                    <div class="g-sd51">
                        <p>合同明细</p>
                    </div>
                    <div class="g-mn5">
                        <div class="g-mn5c">
                            <p>橱柜套餐</p>
                            <p>橱柜套餐</p>
                            <p>橱柜套餐</p>
                            <p>橱柜套餐</p>
                            <p>橱柜套餐</p>
                        </div>
                    </div>
                </div>
            </div>
            <div style="clear: both"></div>
            <div>
                <div class="g-bd5 f-cb">
                    <div class="g-sd51">
                        <p>定金</p>
                    </div>
                    <div class="g-mn5">
                        <div class="g-mn5c">
                            <p style="color: #D87D62; font-weight: 600; ">￥2600</p>
                        </div>
                    </div>
                    <div class="g-sd52">
                        <p>2017-06-07</p>
                    </div>
                </div>
            </div>
            <div style="clear: both"></div>
            <div>
                <div class="g-bd5 f-cb">
                    <div class="g-sd51">
                        <p>合同金额</p>
                    </div>
                    <div class="g-mn5">
                        <div class="g-mn5c">
                            <p style="color: #D87D62; font-weight: 600; ">￥35000</p>
                        </div>
                    </div>
                    <div class="g-sd52">
                        <p>2017-06-07</p>
                    </div>
                </div>
            </div>
            <div style="clear: both"></div>
            <div>
                <div class="g-bd5 f-cb">
                    <div class="g-sd51">
                        <p>配送地址</p>
                    </div>
                    <div class="g-mn5">
                        <div class="g-mn5c">
                            <p>山西省 晋中市 榆次区</p>
                            <p>顺城街12号名仕家园</p>
                            <p>碧桂园5号楼2单元1203</p>
                        </div>
                    </div>
                </div>
            </div>
            <div style="clear: both"></div>
            <div>
                <div class="g-bd5 f-cb">
                    <div class="g-sd51">
                        <p>结束时间</p>
                    </div>
                    <div class="g-mn5">
                        <div class="g-mn5c">
                            <p>正在进行中</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default "
         id="" style="text-align: center;border-radius: 5px;">
        <a href="{:url('home/dingdan/index')}">
            <div class="am-g" style="text-align: center;">
                <div class="am-u-sm-12" style="text-align: center;">
                    <button type="button" class="am-btn am-btn-default am-btn-block" style="border-radius: 5px;background:#ED7745;color: #fff;">查看客户订单详情</button>
                </div>
            </div>
        </a>
    </div>
{/block}

{block name="script"}



{/block}